<template>
    <div id="app">
        
        <div id="wode" >
            <span id="wenxuan" @click="btnClick">‹</span>
            <span>我的账户</span>
        </div>
            <div id="but">
                <button id="ton" @click="tuiClick">退出当前账号</button>
            </div>
    </div>
</template>

<script>
export default {
    methods:{
        btnClick:function(){
            location.href="#/Corridors"
        },
        tuiClick:function(){
            this.http.post("/api/users/tuichu")
            .then(res=>{

            })
            alert("退出成功")
            location.href="#/My"
        }
    }

}
</script>

<style scoped>
    #app{
        width: 100vw;
        height: 100vh;
        background-color: #EEEEEE;
        
    }
    #but{
        text-align: center;
        line-height: 1000px;
    }
    #wode{
        text-align: center;
        line-height: 40px;
        width: 100%;
        height: 40px;
        background-color: white;
    }
     #wenxuan{
        cursor: pointer;
        color: red;
        font-size: 30px;
        padding-left: 10px;
        float: left;
     }
     #ton{
         color: white;
         font-size: 15px;
         border-radius: 12px;
         border: solid 1px red;
         background-color: red;
         height: 35px;
         width: 150px;
     }

</style>